<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="fontstyle/font_1568807_s1xbv5kyea/iconfont.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/base.css">
    <title>Document</title>
</head>

<body>
    <header>
        <article>
            <i class="iconfont icon-sousuo"></i>
            <input type="text" placeholder="内衣内裤套装女">
        </article>
        <aside>
            <i class="iconfont icon-SHOUYE-GOUWUCHE"></i>
            <span>购物车</span>
        </aside>
    </header>
    <nav>
        <ul>
            <li>精选<span></span></li>
            <li><a href="html/nvclothes.html">女装</a></li>
            <li>美妆</li>
            <li>女鞋</li>
            <li>食品</li>
            <li>百货</li>
            <li>内衣</li>
            <li>日常</li>
            <li>视频</li>
            <li>动漫</li>
        </ul>
        <aside>
            <i class="iconfont icon-liebiao"></i>
        </aside>
    </nav>
    <main>
        <section>
            <img src="images/banner.png" alt="">
        </section>
        <section>
            <article><img src="images/pic4.png" alt=""></article>
            <article>
                <figure><img src="images/pic1.png" alt=""></figure>
                <figure>
                    <aside>
                        <img src="images/pic2.png" alt="">
                    </aside>
                    <aside>
                        <img src="images/pic3.png" alt="">
                    </aside>
                </figure>
            </article>
        </section>
        <section class="clearfix">
            <h2>全网最热优惠卷</h2>
            <figure>
                <figcaption>
                    <img src="images/pic5.png" alt="">
                </figcaption>
                <article>
                    <p>中老年妈妈款洋气加厚羽绒新款棉衣</p>
                    <aside>
                        <span>天猫价 ￥198</span>
                        <span>月销 1024</span>
                    </aside>
                    <aside>
                        <span> <i>券后价</i>￥188</span>
                        <span>10元券
                            <i></i>
                            <i></i>
                        </span>
                    </aside>
                </article>
            </figure>
            <figure>
                <figcaption>
                    <img src="images/pic5.png" alt="">
                </figcaption>
                <article>
                    <p>中老年妈妈款洋气加厚羽绒新款棉衣</p>
                    <aside>
                        <span>天猫价 ￥198</span>
                        <span>月销 1024</span>
                    </aside>
                    <aside>
                        <span> <i>券后价</i>￥188</span>
                        <span>10元券
                            <i></i>
                            <i></i>
                        </span>
                    </aside>
                </article>
            </figure>
            <figure>
                <figcaption>
                    <img src="images/pic5.png" alt="">
                </figcaption>
                <article>
                    <p>中老年妈妈款洋气加厚羽绒新款棉衣</p>
                    <aside>
                        <span>天猫价 ￥198</span>
                        <span>月销 1024</span>
                    </aside>
                    <aside>
                        <span> <i>券后价</i>￥188</span>
                        <span>10元券
                            <i></i>
                            <i></i>
                        </span>
                    </aside>
                </article>
            </figure>
        </section>
    </main>
    <footer>
        <p>
            <a href="">
                <i class="iconfont icon-zhuye text-size"></i>
                <span>首页</span>
            </a>
        </p>
        <p>
            <a href="">
                <i class="iconfont icon-chazhaofenlei text-size"></i>
                <span>分类</span>
            </a>
        </p>
        <p>
            <a href="">
                <i class="iconfont icon-shoucang text-size"></i>
                <span>收藏</span>
            </a>
        </p>
        <p>
            <a href="">
                <i class="iconfont icon-wode text-size"></i>
                <span>我的</span>
            </a>
        </p>
    </footer>
</body>

</html>